// 创建用户相关的仓库
import { defineStore } from 'pinia'
import { reqLogin, reqUserInfo } from '@/api/user/index'
// 登录诗需要传递的参数类型
import type { loginForm, loginResponseData } from '@/api/user/type'
import type { UserState } from './types/type'
// 引入操作本地仓库的工具方法
import { GET_TOKEN, SET_TOKEN, REMOVE_TOKEN } from '@/utils/token'
import { constantRoute } from '@/router/routes'

// 创建用户小仓库
let useUserStore = defineStore('UserID', {
  // 小仓库存放数据的地方
  state: (): UserState => {
    return {
      // 用户唯一标识token
      token: GET_TOKEN(),
      routes: constantRoute,
      // 用户名
      username: '',
      // 用户头像
      avatar: '',
    }
  },
  // 处理异步 | 逻辑的地方
  actions: {
    // 用户登录方法
    async userLogin(data: loginForm) {
      const { username, password } = data
      // 拿到用户名和密码发请求
      const res: loginResponseData = await reqLogin({ username, password })

      // 登录成功
      if (res.code == 200) {
        // 存储token
        this.token = res.data as string // 务必是字符串的情况下，赋值给this.token
        // 再需要将token存储到本地中，防止下次刷新页面数据丢失
        SET_TOKEN(res.data as string)
        // 这行代码能保证当前async函数能返回一个成功的Promise
        return 'ok'
      } else {
        return Promise.reject(new Error(res.message))
      }
    },

    // 获取用户信息
    async userInfo() {
      const res = await reqUserInfo()
      this.username = res.data.name
      this.avatar = res.data.avatar
    },

    // 退出登录
    logout() {
      // 清空所有数据
      this.token = ''
      this.username = ''
      this.avatar = ''

      REMOVE_TOKEN()
    },
  },
  // 格式化数据
  getters: {},
})

export default useUserStore
